@import './color.less';
body{
    background: #fff;
    overflow:hidden;overflow-y:auto;
}
.voteBody{
    padding: 50px 3% 0; 
    background: @bodyColor;
    position: relative;
    overflow: hidden;
    &-img{
        img{
            width: 100%;
            vertical-align:bottom;
        }
    }
    &-alert{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        p{
            position: absolute;
            background: rgba(255, 255, 255, 0.2);
            width: 75%;
            height: 30px;
            color: #ffffff;
            border-radius: 15px;
            font-size: 16px;
            text-indent: 10%;
            line-height: 30px;
            img{
               width: 16%;
                position: absolute;
                top: -30%;
                left: -5%; 
            }
            span{
                display: inline-block;
                font-weight: inherit;
                width: 2em;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: inline-block;
                text-indent: 0;
            }
            i{
               display: inline-block;
                font-weight: inherit;
                width: 1em;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: inline-block;
                text-indent: 0; 
                font-style: normal;
            }
            b{
                font-weight: inherit;
                width: 3em;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: inline-block;
                text-indent: 0;
            }
            s{
                display: inline-block;
                font-weight: inherit;
                width: 2em;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: inline-block;
                text-indent: 0;
                text-decoration: none;
            }
        }
        .VoteUser1{
            top: 10%;
            left: 30%;
        } 
        .VoteUser2{
            top: 30%;
            left: 80%;
        } 
        .VoteUser3{
            top: 50%;
            left: 10%;
        }
    }
    &-Num{
        background: @bodyColor;
        overflow: hidden;
        span{
            padding-top: 1px;
            display: block;
            width: 50%;
            height: 45px;
            color: #ff644d;
            float: left;
            text-align: center;
            line-height: 35px;
            background: @bodyColor;
        }
        .Num-left{
            background: url(../images/voteBtnLeft.png) no-repeat center center;
            background-size: 90%;
        }
        .Num-right{
            background: url(../images/voteBtnright.png) no-repeat center center;
            background-size: 90%;
        }
    }
}
.voteBtn{
    position: relative;
    margin-bottom: 50px;
    img{
        width: 100%;
        vertical-align:bottom; 
    }
    a{
            display: block;
            position: absolute;
            width: 45%;
            height: 55px;
            left: 28%;
        }
        .voteApply{
            top: 5%;
            background: url(../images/voteApply.png) no-repeat center center;
            background-size: 100%;
        }
        .voteBook{
            bottom: 8%;
            background: url(../images/voteBook.png) no-repeat center center;
            background-size: 100%;
        }    
    
}
.voteRul{
        position: fixed;
    right: 5%;
    bottom: 20%;
    background:rgba(156,235,239,0.6);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    a{
            display: block;
    width: 2em;
    height: 40px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    margin: 10px auto;
    }
    .isShow{
        color: #FFAF00;
    }
}
 